﻿<%@ Page Title="" Language="C#" MasterPageFile="~/master/MasterPage.master" AutoEventWireup="true" CodeFile="Game.aspx.cs" Inherits="pages_Game" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <style type="text/css">
        .wraperPlay
        {
            margin: 20px auto;
            width: 322px;
            background: #000;
            padding: 10px 0;
        }

        .columnPlay
        {
            width: 101px;
            float: left;
        }

        .numberRandom
        {
            width: 100px;
            margin: 0;
            padding: 0;
            background: url(/images/img.jpg) left -176px repeat-y;
            height: 250px;
        }

        .overlayPlay
        {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            background: url(/images/sha.png) top left repeat-x;
        }
    </style>
    <script type="text/javascript">
        var col1 = 0;
        var col2 = 0;
        var col3 = 0;

        function scrollRandom(col) {
            if (col == 1) {
                $("#col1").css("background-position", "left " + (col1 > 0 ? (-1 * col1 + 176) : col1) + "px");
                if (col1 <= 0) {
                    col1 = col1 - 10;
                    if (col1 < -9999999999)
                        col1 = 0;
                    setTimeout("scrollRandom(1)", 10);
                }
            }
            if (col == 2) {
                $("#col2").css("background-position", "left " + (col2 > 0 ? (-1 * col2 + 176) : col2) + "px");
                if (col2 <= 0) {
                    col2 = col2 - 10;
                    if (col2 < -9999999999)
                        col2 = 0;
                    setTimeout("scrollRandom(2)", 10);
                }
            }
            if (col == 3) {
                $("#col3").css("background-position", "left " + (col3 > 0 ? (-1 * col3 + 176) : col3) + "px");
                if (col3 <= 0) {
                    col3 = col3 - 10;
                    if (col3 < -9999999999)
                        col3 = 0;
                    setTimeout("scrollRandom(3)", 10);
                }
            }

        }
        function getRandom() {
            return Math.floor((Math.random() * 13) + 1);
        }
        function disableBet(mDis,mAu) {
            $("#rdoAuBet").removeAttr("checked");
            $("#rdoAgBet").removeAttr("checked");
            if(mAu)
                $("#rdoAuBet").attr("checked", "checked");
            else {
                $("#rdoAgBet").attr("checked", "checked");
            }
            if (mDis) {
                $("#txtBet").attr("disabled", "disabled");
                $("#btnBet").attr("disabled", "disabled");
                $("#rdoAuBet").attr("disabled", "disabled");
                $("#rdoAgBet").attr("disabled", "disabled");
            }else {
                $("#txtBet").removeAttr("disabled");
                $("#btnBet").removeAttr("disabled");
                $("#rdoAuBet").removeAttr("disabled");
                $("#rdoAgBet").removeAttr("disabled");
            }
        }
        function scrollChoose(col, hi, val) {
            if (col == 1) {
                if (col1 < 0)
                    return;

                setTimeout("col1=" + (val * 100) + ";", 2000);
                col1 = 0;
                scrollRandom(1);
            }

            if (col == 2) {
                if (col2 < 0)
                    return;
                setTimeout("col2=" + (val * 100) + ";", 2000);
                col2 = 0;
                scrollRandom(2);
            }

            if (col == 3) {
                if (col3 < 0)
                    return;
                setTimeout("col3=" + (val * 100) + ";", 2000);
                col3 = 0;
                scrollRandom(3);
            }
        }
        $(function () {
            scrollChoose(1, 1,<%=Val1 %>>0?<%=Val1 %>: getRandom());
            setTimeout("scrollChoose(2,1," + (<%=Val2 %>>0?<%=Val2 %>: getRandom()) + ")", 500);
            setTimeout("scrollChoose(3,1," + (<%=Val2 %>>0?<%=Val3 %>: getRandom()) + ")", 1000);
            <%if(Au>0)
              {%>
            disableBet(true, true);
            <% }%>
            <%if(Ag>0)
              {%>
            disableBet(true, false);
            <% }%>
        });

        function chooseAction(mcol, mhi) {
            var old1 = col1;
            var old2 = col2;
            var old3 = col3;
            
            if (mcol == 1) {
                if (col1 < 0)
                    return;
                col1 = 0;
            }

            if (mcol == 2) {
                if (col2 < 0)
                    return;
                col2 = 0;
            }

            if (mcol == 3) {
                if (col3 < 0)
                    return;
                col3 = 0;
            }
            
            scrollRandom(mcol);
            var mData = {
                col: mcol, hi: mhi
            };
            $.ajax({
                type: "POST",
                url: "/webservices/WSGame.asmx/Choose",
                data: JSON.encode(mData),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                cache: false,
                success: function (data) {
                    if (typeof (data) != "undefined" && data != null) {
                        var val1 = data.d.Val1;
                        var val2 = data.d.Val2;
                        var val3 = data.d.Val3;
                        var money = data.d.Money;
                        var rel = data.d.Result;
                        if (rel == -1) {
                            alert("Bạn đã hết phiên đăng nhập, vui lòng thử lại sau");
                            window.location = window.location;
                        }
                        if (rel == -3) {
                            alert("Bạn không thể chọnt trạng thái này");
                        }
                        if (rel == 0) {
                            alert("Có lỗi trong quá trình xử lý! Chúng tôi xin lỗi về sự bất tiện này");
                        }

                        setTimeout('$("#lblTotalCollect").html(COMMON.formatMoney(' + money + '));', 1001);
                        
                        if (rel > 0) {
                            if (mcol == 1) {
                                setTimeout("col1=" + (val1 * 100) + ";", 1000);
                            }

                            if (mcol == 2) {
                                setTimeout("col2=" + (val2 * 100) + ";", 1000);
                            }

                            if (mcol == 3) {
                                setTimeout("col3=" + (val3 * 100) + ";", 1000);
                            }
                            if(rel==4) {
                                setTimeout("alert(\"Game Over\"); disableBet(false,true);", 1001);
                                
                            }
                        } else {
                            if (mcol == 1) {
                                col1 = old1;
                            }

                            if (mcol == 2) {
                                col2 = old2;
                            }

                            if (mcol == 3) {
                                col3 = old3;
                            }
                        }

                    }
                },
                error: function (xhr, status) {
                    alert("Có lỗi xảy ra trong quá trình xử lý, xin lỗi vì sự bất tiện này");
                    window.location = window.location;
                }
            });
        }

        function betGame() {
            var mTypeBet = 2;
            if ($("#rdoAuBet:checked").length > 0) {
                mTypeBet = 1;
            }
            var mMoney = parseInt($("#txtBet").val());
            mMoney = mMoney > 0 ? mMoney : 0;
            if (mMoney <= 0)
                alert("Số tiền cược phải >0");
            var old1 = col1;
            var old2 = col2;
            var old3 = col3;

            col1 = 0;
            col2 = 0;
            col3 = 0;
            scrollRandom(1);
            scrollRandom(2);
            scrollRandom(3);
            var mData = {
                money: mMoney, typeBet: mTypeBet
            };
            $.ajax({
                type: "POST",
                url: "/webservices/WSGame.asmx/BetGame",
                data: JSON.encode(mData),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                cache: false,
                success: function (data) {
                    if (typeof (data) != "undefined" && data != null) {
                        var val1 = data.d.Val1;
                        var val2 = data.d.Val2;
                        var val3 = data.d.Val3;
                        var rel = data.d.Result;
                        var money = data.d.Money;

                        if (rel == -1) {
                            alert("Bạn đã hết phiên đăng nhập, vui lòng thử lại sau");
                            window.location = window.location;
                        }
                        if (rel == -2) {
                            alert("Tài khoản của bạn không đủ để đặt cược!");
                        }
                        if (rel == -3) {
                            alert("Bạn không thể đặt cược!");
                        }
                        if (rel == 0) {
                            alert("Có lỗi trong quá trình xử lý! Chúng tôi xin lỗi về sự bất tiện này");
                        }
                        if (rel > 0) {
                            setTimeout('$("#lblTotalCollect").html(COMMON.formatMoney(' + money + '));', 1001);
                            setTimeout("col1=" + (val1 * 100) + ";", 800);

                            setTimeout("col2=" + (val2 * 100) + ";", 1200);

                            setTimeout("col3=" + (val3 * 100) + ";", 1500);
                            disableBet(true, mTypeBet == 1 ? true : false);
                        } else {


                            col1 = old1;

                            col2 = old2;

                            col3 = old3;

                        }
                    }
                },
                error: function (xhr, status) {
                    alert("Có lỗi xảy ra trong quá trình xử lý, xin lỗi vì sự bất tiện này");
                    window.location = window.location;
                }
            });
        }
        
        function collectMoney() {            
            $.ajax({
                type: "POST",
                url: "/webservices/WSGame.asmx/Collect",                
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                cache: false,
                success: function (data) {
                    if (typeof (data) != "undefined" && data != null) {
                        var rel = data.d;
                        if (rel == -1) {
                            alert("Bạn đã hết phiên đăng nhập, vui lòng thử lại sau");
                            window.location = window.location;
                        }
                        if (rel == -3) {
                            alert("Bạn không thể nhận tiền!");
                        }
                        if (rel == -4) {
                            alert("Bạn chưa chơi vòng nào nên bạn không thể nhận tiền!");
                        }
                        if (rel == 0) {
                            alert("Có lỗi trong quá trình xử lý! Chúng tôi xin lỗi về sự bất tiện này");
                        }
                        if (rel > 0) {
                            $("#lblTotalCollect").html(COMMON.formatMoney(0));
                            
                            disableBet(false, true);
                        }
                    }
                },
                error: function (xhr, status) {
                    alert("Có lỗi xảy ra trong quá trình xử lý, xin lỗi vì sự bất tiện này");
                    window.location = window.location;
                }
            });
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cph1Cols" runat="Server">
    <style type="text/css">
        .extra
        {
            margin: auto;
            height: 40px;
            width: 100px;
            background: brown;
            margin-top: 20px;
            line-height: 40px;
            color: #FFF;
        }
    </style>
    <div style="float: left; width: 150px; margin: 20px; text-align: center">
        <div style="border: solid 3px brown; text-align: center; font-size: 20px; font-weight: bold; padding-top: 20px; text-align: center;">
            Jackpot
            <div style="border: solid 3px darkblue; margin: 20px auto; width: 100px">
                1000
            </div>
        </div>

        <div class="extra">Free spin (1)</div>
        <div class="extra">Extra life (4)</div>
        <div class="extra">Out of (2)</div>
        <div class="extra">Nudges (4)</div>
    </div>
    <div style="float: right; width: 800px; text-align: center">
        <div class="wraperPlay">
            <div class="columnPlay" style="margin-left: 10px">
                <input type="button" value="Hight" onclick="chooseAction(1, 1)" />
                <div id="col1" class="numberRandom" style="background-position: left -276px;">
                    <div class="overlayPlay"></div>
                </div>
                <input type="button" value="Low" onclick="chooseAction(1, 0)" />
            </div>

            <div class="columnPlay">
                <input type="button" value="Hight" onclick="chooseAction(2, 1)" />
                <div id="col2" class="numberRandom" style="background-position: left -276px;">
                    <div class="overlayPlay"></div>
                </div>
                <input type="button" value="Low" onclick="chooseAction(2, 0)" />
            </div>
            <div class="columnPlay">
                <input type="button" value="Hight" onclick="chooseAction(3, 1)" />
                <div id="col3" class="numberRandom" style="background-position: left -276px;">
                    <div class="overlayPlay"></div>
                </div>
                <input type="button" value="Low" onclick="chooseAction(3, 0)" />
            </div>
            <div style="clear: both"></div>
            <div style="margin-top: 20px; text-align: left">
                <label id="lblTotalCollect" style="border: solid 1px yellow; color: #FFF; margin-left: 10px; padding: 3px 5px; font-weight: bold; margin-right: 10px">
                    <%=Au+Ag %>
                </label>
                <input type="button" value="Thu tiền" onclick="collectMoney()" />
                <div id="divContainerBet">
                    <div style="margin: 20px 10px; color: #FFF">
                        <div style="width: 80px; margin-right: 10px; float: left">Mức cược:</div>
                        <input type="text" id="txtBet" value="100" style="width: 80px;" onkeydown="return COMMON.validateDigitQuantity(event)" />
                        <input type="button" id="btnBet" value="Chơi" onclick="betGame()" />
                        <div style="clear: both"></div>
                    </div>
                    <div style="margin: 20px 10px; color: #FFF">
                        <input style="margin-left: 100px" type="radio" name="rdoBetType" id="rdoAuBet" checked="checked" />
                        Vàng
                    <br />
                        <input style="margin-left: 100px" type="radio" name="rdoBetType" id="rdoAgBet" />
                        Bạc
                    </div>
                    
                </div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
    <div style="clear: both"></div>
</asp:Content>

